<template>
	<div class="circle-select">
		<img v-show="state" src="static/image/cirle-true.png" @click="clickEvent" />
		<img v-show="!state" src="static/image/cirle-false.png" @click="clickEvent" />
	</div>

</template>

<script>
	export default {
		props: {
			text: {
				type: String,
				default: "保存"
			},
			state: {
				type: Boolean,
				default: true
			},
			clickEvent: {
				type: Function,
				default: () => {}
			}
		},
		computed: {
		},
		data() {
			return {

			}
		},
		components: {

		},
		created() {
		},
		methods: {
		},
		mounted() {

		},
		watch: {

		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.circle-select {
		position: relative;
		width: 18px;
		height: 18px;
	}
	
	.circle-select img {
		position: absolute;
		left: 0;
		right: 0;
		cursor: pointer;
		width: 100%;
		height: 100%;
	}
</style>